<template>
    <div style="margin: -20px">
        <Tabs :tabsConfig="data.tabsConfig" />
        <div class="defender">
            <router-view></router-view>
        </div>
    </div>
</template>

<script setup>
import { ref, reactive } from "vue";
import Tabs from "~/components/Tabs/Tabs.vue";
const data = reactive({
    tabsConfig: {
        singlePage: false,
        tabsNameArr: ['installedDevices','newDevices'],
        tabs: {
            installedDevices: "已安装设备",
            newDevices: "新发现设备",
        }
    }
})
</script>

<style lang="scss" scoped>
.defender {
    padding: 0 20px;
}
</style>